接續上一篇文章講到的MVC架構,因為MVC架構的流程處理方式,會導致效能降低、關聯容易變得複雜等因素,造就新模式出現,有Flux、MVVM等,。
Vue的特性
每個框架都有各自的框架概念,例如Angular.js是用MVVM的架構,React.js是用Flux架構,而Vue.js集結兩個框架的好處,將MVVM資料雙向綁定特性和Flex單向資料流特性結合起來。
單向資料流(顯示)
作用是顯示資料,網頁會根據資料進行資料的渲染,當來源資料更新的時候,頁面會重新渲染顯示新的頁面。
(渲染是指將Vue組件中的數據和模板編譯成HTML、CSS、JavaScript等前端頁面所需要的代碼的過程。)
資料雙向綁定(互動)
想像有一個網頁上的文字方塊,我們想讓使用者能夠在那裡輸入文字,同時也要把這個輸入的文字儲存在程式碼中的一個變數中,這樣也可以在程式碼中使用這個文字。Vue的資料雙向綁定能夠幫助我們完成這個任務,就像是有一條繩子把兩個綁在一起。
下篇即將進入到Vue的環境建置。